/*
* 城市选择样式
 * varstion 1.0.0
 * by Liuerna
*/
html,
body {
    height: 100%;
    overflow: hidden;
}
body {
    font: 12px/1.5 "Microsoft Yahei", SimSun, arial, sans-serif;
    color: #666;
    line-height: 100%;
}
.mui-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#done.mui-disabled{
    color: gray;
}
.search_title{
    position: absolute; left: 40px;
    border-bottom: none;
    width: 82%;
}
.city_historyChose,.city_hot{
   padding-left: 15px;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 10.4px;
}

.line{
    position: absolute;
    width: 100%;
    height:1px;
    background-color: #b5b5b6;
    top: 50%;
}
.historyList{
    padding-left: 15px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.historyList span{
    float: left;
    line-height: 8px;
    padding:5px 28px;
    background-color: #fff;
    border-radius: 6px;
    color: #000;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 5.6px;
    width: 40px;

}
.historyList li.on{
    color: #007aff;
}
.listIndex{
    background-color: white;
}
.listIndex a{
    color: #1491c5;
    font-size: 5.6px;
    line-height: 8.8px;
}
.hot_class{
    display: inline-block;
    background-color: #fff;
    border-radius: 8px;
    color: #333;
    margin: 0 0 12px 12px;
    font-size: 14px;
    width: 26%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    list-style: none;
}
.on{
    color: #007aff;
}
.clear{
    clear: both;
    list-style: none;
}
.hot_class.on{
    color: #007aff;
}